@charset "utf-8";

/* CSS Document */

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

ol,
ul {
    list-style: none;
}

input,
select,
form images,
button {
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    border: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}

textarea {
    width: 95%;
}

a {
    color: #000;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

* {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

ul,
ol,
li {
    list-style: none;
}

em,
i {
    font-style: normal;
}

img {
    border: none;
}

input,
img {
    vertical-align: middle;
}

html{
    font-size: 75px;
}
/*左浮动*/
.pull-left{
    float: left;
} 
/*右浮动*/ 
.pull-right{
    float: right;
} 
/*显示*/
.show{
    display: block;
} 
/*隐藏*/
.hide{
    display: none;
} 

/*超过两行显示省略号*/
.line(@num){
    -webkit-line-clamp:@num;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow: ellipsis;
  } 

body {
    color: #000;
    font-family: arial;
    background-color: #cccccc;
    overflow-x: hidden;
    font-size: 16px;
}

/*主体*/ 
.mmb-layout{
    max-width: 10rem /* 750/75 */;
    min-width: 4.266667rem /* 320/75 */;
    background-color: #f1f1f1;
    margin: 0 auto;
}

/*头部*/ 
.mmb-header{
    width: 100%;
    height: 1.32rem /* 99/75 */;
    border-bottom: .013333rem /* 1/75 */ solid #ccc;
    background-color: #ff841d;
    padding: 0 .266667rem /* 20/75 */;
    line-height: 1.333333rem /* 100/75 */;
    .logo{
        img{
            width: 4.946667rem /* 371/75 */;
            height: .666667rem /* 50/75 */;
        }
    }
    .app{
        img{
            width: .906667rem /* 68/75 */;
            height: .906667rem /* 68/75 */;
        }
    }
}
/*文字头部*/
.mmb-header{
    text-align: center;
    .back{
        font-size: .666667rem /* 50/75 */;
        color: #fff;
        float: left;
        margin-top: .333333rem /* 25/75 */;
    }
    .title{
        font-size: .56rem /* 42/75 */;
        color: #ffffff;
        
    }
} 
.title-red{
    background-color: #f4483e;
}

/*搜索区*/
.mmb-search{
    width: 100%;
    height: 1.333333rem /* 100/75 */;
    background-color: #fff;
    line-height: 1.333333rem /* 100/75 */;
    padding: 0 2.133333rem /* 160/75 */ 0 .266667rem /* 20/75 */;
    position: relative;
    .search-input{
        width: 100%;
        height: .8rem /* 60/75 */;
        border-radius: .4rem /* 30/75 */;
        background-color: #f1f1f1;
        padding-left: .533333rem /* 40/75 */;
        font-size: .4rem /* 30/75 */;
    }
    .search-btn{
        position: absolute;
        right: .266667rem /* 20/75 */;
        top: .266667rem /* 20/75 */;
        width: 1.706667rem /* 128/75 */;
        height: .8rem /* 60/75 */;
        border-radius: .4rem /* 30/75 */;
        background-color: #ff841d;
        color: #fff;
        text-align: center;
        line-height: .8rem /* 60/75 */;
        font-size: .4rem /* 30/75 */;
    }
} 



/*底部栏*/
.mmd-footer{
    .footer-top{
      height: .88rem /* 66/75 */;
      line-height: .88rem /* 66/75 */;
      margin-top: .666667rem /* 50/75 */;
      border-top: .013333rem /* 1/75 */ solid #ccc;
      border-bottom: .013333rem /* 1/75 */ solid #ccc;
      a{
        display: block;
        width: 30%;
        text-align: center;
        border-right: .013333rem /* 1/75 */ solid #ccc;
        float: left;
        font-size: .373333rem /* 28/75 */;
        &:last-child{
          width: 40%;
          border-right: none;
          img{
            width: .4rem /* 30/75 */;
            height: .4rem /* 30/75 */;
            margin-top: -.133333rem /* 10/75 */;
          }
        }
      }
    }
    .footer-bottom{
      padding: .4rem /* 30/75 */ 0;
      text-align: center;
      p{
        font-size: .32rem /* 24/75 */;
        color: #999999;
        a:nth-child(1){
          color: red;
        }
        a:nth-child(2){
          color: #333333;
        }
      }
      a{
        color: #999999;
        font-size: .32rem /* 24/75 */;
      }
    }
  } 

  /*路径导航*/
.mmb-pathNav{
    width: 100%;
    height: 1rem /* 75/75 */;
    background-image: linear-gradient(#fff,#f5f5f5);
    border-top: .013333rem /* 1/75 */ solid #ccc;
    border-bottom: .013333rem /* 1/75 */ solid #ccc;
    position: relative;
    padding: 0 2rem /* 150/75 */ 0 .266667rem /* 20/75 */;
    ul{
        li{
            float: left;
            line-height: .933333rem /* 70/75 */;
            
            a{
                font-size: .346667rem /* 26/75 */;
                
            }
        }
    }
    >a{
        display: block;
        height: .733333rem /* 55/75 */;
        width: 1.666667rem /* 125/75 */;
        background-image: linear-gradient(#f5f5f5,#fff);
        border: .013333rem /* 1/75 */ solid #ccc;
        border-radius: .133333rem /* 10/75 */;
        text-align: center;
        position: absolute;
        right: .266667rem /* 20/75 */;
        top: .133333rem /* 10/75 */;
        font-size: .346667rem /* 26/75 */;
        line-height: .733333rem /* 55/75 */;
    }
} 

/*更多优惠*/ 
.mmb-more{
    height: 1.066667rem /* 80/75 */;
    background-color: #fff;
    padding: .013333rem /* 1/75 */ .266667rem /* 20/75 */;
    width: 100%;
    .more-btn{
      height: .8rem /* 60/75 */;
      background-image: linear-gradient(#fff,#f5f5f5);
      line-height: .8rem /* 60/75 */;
      border: 1px solid #ccc;
      border-radius: .133333rem /* 10/75 */;
      text-align: center;
      display: block;
      font-size: .4rem /* 30/75 */;
      margin: 0 auto;
      margin-top: .24rem /* 18/75 */;
      span{
        font-size: .24rem /* 18/75 */;
        margin-left: .133333rem /* 10/75 */;
      }
    }
  }

/*分页*/
.mmb-paging{
    width: 100%;
    padding-top: .266667rem /* 20/75 */;
    background-color: #fff;
    ul{
        width: 100%;
        text-align: center;
        padding-bottom: .066667rem /* 5/75 */;
        li{
            width: 33.33%;
            float: left;
            a{
                display: block;
                width: 2.2rem /* 165/75 */;
                height: 1rem /* 75/75 */;
                background-image: linear-gradient(#efefef,#d7d7d7);
                border-radius: .133333rem /* 10/75 */;
                line-height: 1rem /* 75/75 */;
                margin: 0 auto;
                font-size: .4rem /* 30/75 */;
            }
            select{
                width: 2rem /* 150/75 */;
                height: 1rem /* 75/75 */;
                border: 1px solid #ccc;
                text-align: center;
                font-size: .4rem /* 30/75 */;
            }
        }
    }
} 

/*分类下拉表单样式*/
.mmb-category{
    width: 100%;
    background-color: #fff;
    padding-bottom: .8rem /* 60/75 */;
    .cate-title{
      width: 100%;
      border: .013333rem /* 1/75 */ solid #cccccc;
      border-radius: .133333rem /* 10/75 */;
      >li{
        height: 100%;
        background-color: #ededed;
        border-bottom: 1px solid #ccc;
        >a{
          display: block;
          height: 1.066667rem /* 80/75 */;
          font-size: .453333rem /* 34/75 */;
          font-weight: 700;
          margin: 0 .266667rem /* 20/75 */;
          line-height: 1.066667rem /* 80/75 */;
          span{
            font-size: .533333rem /* 40/75 */;
            margin-right: .266667rem /* 20/75 */;
            line-height: 1.066667rem /* 80/75 */;
          }
        }
        .cate-content{
          z-index: 10;
          li{
            float: left;
            background-color: #f9f9f9;
            width: 100/3%;
            height: 1rem /* 75/75 */;
            border-right: .013333rem /* 1/75 */ solid #cccccc;
            border-bottom: .013333rem /* 1/75 */ solid #cccccc;
            text-align: center;
            a{
              font-size: .4rem /* 30/75 */;
              line-height: 1rem /* 75/75 */;
            }
          }
        }
      }
    }
  } 